<template>
    <div class="box right-box login-img">
        <div class="title">
            <p>BlockWatch</p>
            <div> {{ $t('global.BlockWatchIntroduced1') }} </div>
            <div>{{ $t('global.BlockWatchIntroduced2') }}</div>
            <div>{{ $t('global.BlockWatchIntroduced3') }}</div>
        </div>
        <img src="@/assets/images/sign/login_rightImg.png" alt="">
    </div>
</template>

<script setup>
import { reactive, ref, computed } from 'vue'
import { useRouter } from 'vue-router';
import { useUserStore } from "@/stores";
import { ElMessage } from "element-plus";
import { useI18n } from "vue-i18n";

const { t } = useI18n();
const userStore = useUserStore()
const router = useRouter();
const eye = ref(true)

</script>
<style scoped lang="less">
:deep(.el-dropdown-link:focus) {
    outline: none;
}

:deep(.el-dropdown):hover {
    cursor: pointer;
}

/****** 底部“简体中文按钮” ******/
.simpleChinese.is-text:not(.is-disabled):focus-visible {
    outline: none;
}

// 钱包用户服务协议
.dialog-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    :deep(.el-button) {
        margin-top: .3rem;
        height: 45px !important;
        width: 100px !important;
        border-radius: 8px;
    }
}

// 注册用户协议
.ProtocolBox {
    height: 5rem;

    .content {
        height: 100%;
        overflow-y: auto;

        p {
            margin: 1rem 0;
        }
    }

    /* 滚动条整体样式 */

    .content::-webkit-scrollbar {
        width: 5px;
        height: 10px;
        background-color: #f5f5f5;
    }

    /* 滚动条thumb(滑块)样式 */

    .content::-webkit-scrollbar-thumb {
        width: 5px;
        height: 10px;
        background-color: #9a9a9a;
        border-radius: .5rem;
    }

    /* 滚动条hover状态下thumb(滑块)样式 */
    .content::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

    /* 滚动条上下箭头样式 */
    .content::-webkit-scrollbar-button {
        background-color: #ccc;
        display: none;
    }

    /* 滚动条左右箭头样式 */
    .content::-webkit-scrollbar-button:start:decrement,
    .content::-webkit-scrollbar-add-button {
        display: none;
    }

    .content::-webkit-scrollbar-button:end:increment,
    .content::-webkit-scrollbar-sub-button {
        display: none;
    }
}
</style>